/* --------------------------------------------------------------------------------------------------------- */
/* -- nl plat benefit.css ---------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------- */

@import "/content/dam/amex/nl/assets/bubl/css/elements-v4/base.css";

 #vier-plaat .image{cursor: pointer;}
 #vier-plaat .image:hover {box-shadow: var(--BoxShadow); transform: scale(1.1); z-index: 10;}
 #vier-plaat .image{box-shadow: var(--NoBoxShadow); transform: scale(1); transition: var(--an1); z-index: 0;}

/* --------------------------------------------------------------- */
/* -- Arrow link ------------------------------- V2 - 11/04/23 --- */
/* --------------------------------------------------------------- */
#arrow-link{position: relative; transition: var(--an1);}
#arrow-link:hover{color:#00175a; transition: var(--an1);}
#arrow-link::after{content: ""; width: 18px; height: 14px; background-image: url("https://www.americanexpress.com/content/dam/amex/nl/assets/bubl/img/ArrowBlue1Right.svg"); display: inline-block; background-size: contain; background-position: center center; background-repeat: no-repeat; margin-left: var(--Sz02); transition: var(--an2); position: relative; top: 2px;}
#arrow-link:hover::after{background-image: url("https://www.americanexpress.com/content/dam/amex/nl/assets/bubl/img/ArrowBlue2Right.svg"); margin-left: var(--Sz01);}

/* --------------------------------------------------------------- */
/* -- List B arrow links ----------------------- V1 - 11/04/23 --- */
/* --------------------------------------------------------------- */
.ListB .richtext .modal-hover{color:#006fcf; position: relative; font-weight:bolder;}
.ListB .modal-hover::after { content: ''; color: #006fcf; display: inline-block; width: 17px; height: 17px; background-image: url("https://www.americanexpress.com/content/dam/amex/nl/assets/bubl/img/ArrowBlue1Right.svg"); background-repeat: no-repeat; background-position: center center; background-size: contain; position: relative; top: 4px; margin-left: 10px; transition: 300ms ease-in-out;}
.container-fluid .grid .ListB .container .row .col-md-4 .thumb.block-hover:hover .modal-hover::after{ content: ''; color: #006fcf; display: inline-block; width: 17px; height: 17px; background-image: url("https://www.americanexpress.com/content/dam/amex/nl/assets/bubl/img/ArrowBlue1Right.svg"); background-repeat: no-repeat; background-position: center center; background-size: contain; position: relative; top: 4px; margin-left: 15px; transition: 300ms ease-in-out;}