default

<!DOCTYPE html>
<html lang="es">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <style>
    /* Estilos del contenedor del botón */
    .vc_btn3-container {
      display: block;
      margin-bottom: 78px;
      max-width: 100%;
      text-align: center;
    }

    /* Estilos del botón */
    .modern {
      color: #fff;
      border: 2px solid #001c1c;
      background-color: #001c1c;
      font-size: 17px;
      padding: 18px 26px;
      text-decoration: none; /* Evitar subrayado en enlaces */
      display: inline-block;
      border-radius: 5px; /* Bordes redondeados */
      transition: background-color 0.3s ease-in-out, transform 0.2s ease-in-out;
    }

    /* Efecto hover */
    .modern:hover {
      background-color: #4F8A4F; /* Color al pasar el mouse */
      transform: scale(1.05); /* Ligera animación al pasar el mouse */
    }
  </style>
</head>
<body>
  <div class="vc_btn3-container">
    <a href="https://statics-maker.llt-services.com/fer/documents/2024/10/28/91e6b3a9-6b58-4445-929b-9337988b32ae-73.pdf" class="modern">
      ESTATUTOS DEL RACING CLUB FERROL
    </a>
  </div>
</body>
</html>


<!DOCTYPE html>
<html lang="es">
<head>
  <style>
    /* Button styles (assuming the button is wrapped in a `.vc_btn3-container` element) */
    .vc_btn3-container {
      display: block;
      margin-bottom: 78px; /* Option 1: Using pixels (less precise) */
      max-width: 100%;
      text-align: center; /* Center alignment for consistency */
    }

    .modern {
      /* Add your desired button styles here (e.g., color, background, padding) */
      color: #fff;
      border-color: #6DAB3C;
      background-color: #6DAB3C;
      font-size: 17px;
      padding: 18px 26px;
      background-image: linear-gradient(to bottom, rgba(255,255,255,.2) 0, rgba(255,255,255,.01) 100%);
      background-repeat: repeat-x;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33ffffff', endColorstr='#03ffffff', GradientType=0);
      transition: background-color 0.2s ease-in-out; /* Add transition effect */
    }
    .modern:hover { /* Styles applied on hover */
      background-color: #4F8A4F; /* Darken the background color on hover */
    }
  </style>
</head>
<body>
  <div class="vc_btn3-container">
    <a href="https://statics-maker.llt-services.com/fer/documents/2024/07/05/20e30197-1b24-402a-a3ef-cbfb865089f2-671.pdf" class="modern">CÓDIGO ÉTICO DEL RACING CLUB FERROL</a>
  </div>
</body>
</html>


<!DOCTYPE html>
<html lang="es">
<head>
  <style>
    /* Button styles (assuming the button is wrapped in a `.vc_btn3-container` element) */
    .vc_btn3-container {
      display: block;
      margin-bottom: 80px;
      max-width: 100%;
      text-align: center; /* Center alignment for consistency */
    }
    .modern {
      /* Add your desired button styles here (e.g., color, background, padding) */
      color: #fff;
      border-color: #6DAB3C;
      background-color: #6DAB3C;
      font-size: 17px;
      padding: 18px 26px;
      background-image: linear-gradient(to bottom, rgba(255,255,255,.2) 0, rgba(255,255,255,.01) 100%);
      background-repeat: repeat-x;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33ffffff', endColorstr='#03ffffff', GradientType=0);
    }
    .modern:hover { /* Styles applied on hover */
      background-color: #4F8A4F; /* Darken the background color on hover */
    }
  </style>
</head>
<body>
  <div class="vc_btn3-container">
    <a href="https://statics-maker.llt-services.com/fer/documents/2024/07/17/150f8fd9-e257-48dd-9ad7-4fdb62379295-622.pdf" class="modern">REGLAMENTO GENERAL DE ACCESO</a>
  </div>
</body>
</html>

<!DOCTYPE html>
<html lang="es">
<head>
  <style>
    /* Button styles (assuming the button is wrapped in a `.vc_btn3-container` element) */
    .vc_btn3-container {
      display: block;
      margin-bottom: 78px; /* Option 1: Using pixels (less precise) */
      max-width: 100%;
      text-align: center; /* Center alignment for consistency */
    }

    .modern {
      /* Add your desired button styles here (e.g., color, background, padding) */
      color: #fff;
      border-color: #6DAB3C;
      background-color: #6DAB3C;
      font-size: 17px;
      padding: 18px 26px;
      background-image: linear-gradient(to bottom, rgba(255,255,255,.2) 0, rgba(255,255,255,.01) 100%);
      background-repeat: repeat-x;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33ffffff', endColorstr='#03ffffff', GradientType=0);
      transition: background-color 0.2s ease-in-out; /* Add transition effect */
    }
    .modern:hover { /* Styles applied on hover */
      background-color: #4F8A4F; /* Darken the background color on hover */
    }
  </style>
</head>
<body>
  <div class="vc_btn3-container">
    <a href="https://statics-maker.llt-services.com/fer/documents/2024/06/12/3f47805a-c34b-48f0-8c54-f23df55c1741-818.pdf" class="modern">CONDICIONES DE ACCESO Y PERMANENCIA EN A MALTA</a>
  </div>
</body>
</html>
